<html>

<head>
    <meta charset="utf-8">
    <title>My Test Extension Options</title>
    <link rel="stylesheet" href="layui.css">
</head>

<body>
    <div class="layui-row">
        <div class="layui-col-xs12 layui-col-md8">

          <div class="grid-demo grid-demo-bg1" id="view"></div>
        </div>

        <div class="layui-col-xs6 layui-col-md4">
          <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>按钮区</legend>
        </fieldset>
        <button class="layui-btn layui-btn-primary">导入导出</button>
        <button class="layui-btn layui-btn-primary">选项</button>
        <button class="layui-btn layui-btn-primary">原始按钮</button>
        </div>

      </div>

    
    <script src="jquery-3.3.1.min.js"></script>
    <script src="layui.js" charset="utf-8"></script>
    <script src="lay/modules/laytpl.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script id="demo" type="text/html">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>标签页</legend>
        </fieldset>
        <ul class="layui-timeline">
        
        {{#  layui.each(d.tabs, function(index, item){ }}
        
        <li class="layui-timeline-item">

        <div class="layui-timeline-content layui-text">
        
          <h3 class="layui-timeline-title">{{item.time}}</h3>
        
            <ul>
            {{#  layui.each(item.array, function(index, item){ }}
            <li>
        <a href='{{item.url}}' target="_blank">{{item.title}}</a>
        
            </li>
            {{#  }); }}
            
            {{#  if(item.array.length === 0){ }}
            无数据
            {{#  } }} 
            </ul>
        
        </div>
        </li>
        
        
        {{#  }); }}
         
        {{#  if(d.tabs.length === 0){ }}
          无数据
        {{#  } }} 
        
          <li class="layui-timeline-item">
            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
            <div class="layui-timeline-content layui-text">
              <div class="layui-timeline-title">完了</div>
            </div>
          </li>
        </ul>
        </script>
    <script src="layuihtml.js" charset="utf-8"></script>

</body>

</html>